<template>
  <div class="new">
    <div class="header">
      <h1>中国民用航空飞行学院检举官网</h1>
      <div @click="showInfo">
        <i class="el-icon-info"></i>
        <span>举报须知</span>
      </div>
    </div>
    <div class="contain">
      <div class="contain-head">
        <h2>中国民用航空飞行学院纪律检查委员会</h2>
        <h2>中国民用航空飞行学院监察委员会</h2>
      </div>
      <div class="common-title">
        <div>
          <em></em>
          <span>新增检举</span>
        </div>
      </div>
      <div class="contain-card">
        <AddAccuse></AddAccuse>
      </div>
    </div>

    <!-- 举报须知弹窗 -->
    <el-dialog
      title="举报须知"
      :visible.sync="infoDiaVisible"
      width="800px"
      :close-on-click-modal="false"
      :show-close="false"
      :close-on-press-escape="false"
    >
      <b>
        一、纪检监察机关举报网站受理范围：
      </b>
      <p>
        1. 对党组织、党员违反政治纪律、组织纪律、廉洁纪律、群众纪律、工作纪律、生活纪律等党的纪律行为的检举控告。
      </p>
      <p>
        2. 对监察对象（监察法规定的六类公职人员，下同）不依法履职，违反秉公用权、廉洁从政从业以及道德操守等规定，涉嫌贪污贿赂、滥用职权、玩忽职守、权力寻租、利益输送、徇私舞弊以及浪费国家资财等职务违法犯罪行为的检举控告。
      </p>
      <p>
        3. 党员对党纪处分或者纪律检查机关所作的其他处理不服，提出的申诉。
      </p>
      <p>
        4. 监察对象对监察机关涉及本人的处理决定不服，提出的申诉；被调查人及其近亲属对监察机关及其工作人员违反法律法规、侵害被调查人合法权益的行为，提出的申诉。
      </p>
      <p>
        5. 对原行政监察机关作出的政纪处分和其他处理决定不服未超过申请期限，提出的申诉。
      </p>
      <p>
        6. 对党风廉政建设和反腐败工作的批评建议。
      </p>
      <p>
        <b>二、根据《纪检监察机关处理检举控告工作规则》、《中国共产党纪律检查机关控告申诉工作条例》、《中华人民共和国监察法》有关规定，检举、控告、申诉人在检举、控告、申诉活动中必须对所检举、控告、申诉的事实的真实性负责。接受调查、询问时，应如实提供情况和证据。如有诬陷、制造假证行为，必须承担纪律和法律责任。</b>
      </p>
      <p>
        <b>三、根据“分级负责”原则，请您按照被举报人属地和级别，选择相应的举报网站进行举报。</b>
      </p>
      <p>
        <b> 四、纪检监察机关提倡实名举报（请填写真实姓名、身份证号和准确联系方式等内容）。</b>
      </p>
      <p>
        <el-checkbox v-model="isRead">我已阅读以上条款</el-checkbox>
      </p>
      <span
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          :disabled="!isRead"
          type="primary"
          size="medium"
          @click="infoDiaVisible = false"
        >确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import AddAccuse from '@/components/AddAccuse.vue'
export default {
  components: {
    AddAccuse
  },
  data() {
    return {
      infoDiaVisible: true,
      isRead: false,
    }
  },
  methods: {
    // 点击举报须知
    showInfo() {
      this.infoDiaVisible = true
    }
  }
}
</script>

<style scoped lang="less">
.new {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .header {
    width: 100%;
    height: 35px;
    background: #c41d17;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    h1 {
      font-size: 18px;
      color: #ffffff;
      line-height: 35px;
      margin: 0;
    }
    > div {
      cursor: pointer;
      display: flex;
      align-items: center;
      i {
        color: #ffffff;
        font-weight: bold;
        margin-right: 6px;
      }
      span {
        color: #ffffff;
        font-size: 12px;
      }
    }
  }
  .contain {
    width: 100%;
    flex: 1;
    height: 0;
    overflow: auto;
    background: #ebebeb;
    display: flex;
    flex-direction: column;
    align-items: center;
    .contain-head {
      width: 800px;
      display: flex;
      justify-content: space-between;
      text-shadow: 5px 5px 5px #aaaaaa;
      color: #333333;
    }
    .common-title {
      width: 800px;
    }
    .contain-card {
      width: 800px;
      background: #ffffff;
      box-shadow: 0px 1px 4px 0px rgba(0, 59, 129, 0.15);
      border-radius: 3px;
      padding: 20px 20px 0;
      box-sizing: border-box;
      margin-bottom: 30px;
    }
  }
}
</style>
